﻿@using SchoolPointe.Menus.Enums

@{ 
    Style.Require("jQueryUI_Orchard");
    Style.Require("MenuEditor");
    Script.Require("MenuEditor");
}
<div id="spmenu-edit-wrapper">
    <div id="add-spmenu-items">                
    @foreach (var creator in Model.Creators)
    {
        @Display(creator)
    }
    </div>
    <div id="sp-menu-item-list" class="ui-corner-bottom">
        <div id="sp-menu-item-list-inner">
            @if (Model.MenuItems.Count == 0)
            {
                <div id="menu-instructions" style="display: @(Model.MenuItems.Count == 0 ? "block" : "none");">Select menu items from the boxes at left to begin building your menu.</div>
            }
            <ol class="menu-item-sortable">
            @foreach (var editor in Model.MenuItems)
            {
                @Display(editor)
            }               
            </ol>
        </div>
    </div>
</div>


